{% load static %}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <title>ログイン</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="{% static 'uc/css/iconfont/iconfont.css' %}" rel="stylesheet"/>
    <link href="{% static 'uc/css/common.css' %}" rel="stylesheet"/>
    <link href="{% static 'uc/css/login.css' %}" rel="stylesheet"/>
</head>
<body>
{#    弹窗#}
    {% if messages %}
        <script>
            {% for msg in messages %}
                alert('{{ msg.message }}');
            {% endfor %}
        </script>
    {% endif %}
<!--头部-->
    <div class="login-header">
        <div class="wrapper">
            <a href="{% url 'index' %}" class="logo">
                <img style="width: 60%;" src="{% static 'uc/img/logo7.png' %}" alt="" />
            </a>
{#            <div class="zp">#}
{#                <span class="ico"></span>#}
{#                <div>正品保障</div>#}
{#            </div>#}
        </div>
    </div>
    <div class="login-main-wrap">
        <div class="login-main wrapper">
            <div class="login-box">
                <form action="/login/" method="POST">
                    {% csrf_token %}
                    <div class="box-hd">
                        <span class="tit">ログイン</span>
                        <a href="{% url 'register' %}">新規登録</a>
                    </div>
                    <label class="txtin-box">
                        <span class="ico user"></span>
                        <input class="txtin" type="text" name="username" placeholder="アカウント" />
                    </label>
                    <label class="txtin-box">
                        <span class="ico pwd"></span>
                        <input class="txtin" type="password" name="password" placeholder="パスワード" />
                    </label>
                    <div class="clearfix tool">
{#                        <label class="check"><input type="checkbox" id="" />自动登录</label>#}
                        <a class="find" href="{% url 'forgot_pwd' %}">パスワードを忘れた方はこちら</a>
                    </div>
                    {% if message %}
                        <div class="alert alert-warning" style="color:red">{{ message }}</div>
                    {% endif %}
                    <input class="tj" type="submit" value="ログイン" />
{#                    <div class="other-way clearfix">#}
{#                        <a class="item first" href="">#}
{#                            <img src="img/login/weixin.jpg" alt="" class="ico" />#}
{#                            <span class="label">微信</span>#}
{#                        </a>#}
{#                        <a class="item" href="">#}
{#                            <img src="img/login/qq.jpg" alt="" class="ico" />#}
{#                            <span class="label">微信</span>#}
{#                        </a>#}
{#                        <a class="item" href="">#}
{#                            <img src="img/login/sina.jpg" alt="" class="ico" />#}
{#                            <span class="label">微信</span>#}
{#                        </a>#}
{#                    </div>#}
                </form>
            </div>
        </div>
    </div>
    <div class="login-footer">
        Chemtimes Copyright
        <div class="authentication">
            <a href=""><img src="{% static 'uc/uploads/35.jpg' %}" alt="" /></a>
{#            <a href=""><img src="uploads/36.jpg" alt="" /></a>#}
{#            <a href=""><img src="uploads/37.jpg" alt="" /></a>#}
{#            <a href=""><img src="uploads/38.jpg" alt="" /></a>#}
        </div>
    </div>
</body>
<script src="{% static 'uc/js/jquery.js' %}"></script>
<link rel="stylesheet" href="{% static 'uc/js/icheck/style.css' %}"/>
<script src="{% static 'uc/js/icheck/icheck.min.js' %}"></script>
<script src="{% static 'uc/js/global.js' %}"></script>
<script>
    $('.check input').iCheck({
            checkboxClass: 'sty1-checkbox'
        });
</script>
</html>